<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./js/jquery-3.7.1.min.js"></script>
</head>
<body>
    <button id="btn"></button>
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
    </ul>
    <input type="text">
</body>
<script>
    //一、事件
    //1.绑定事件
    //事件源.事件类型(事件处理程序)
    $("#btn").click(function () {
        console.log("点击了按钮");
    })
    $("li").click(function () {
        console.log("点击了li");
        console.log(this);//获取到的是li元素
    })
    $("input").blur(function () {
        console.log("失去焦点");
        // console.log(this.value);//获取到的是input元素的值
        console.log($(this).val());//获取到的是input元素的值。
    })
</script>
</html>